<template>
	<view class="page" :style="{minHeight:windowHeight+'px'}">
		<view class="help" v-html="rule"></view>
		<!-- <view class="">
			<view class="usehelp">
				<view class="usehelp-text">
					<text>使用手册</text>
				</view>
				<view class="usehelp-line"></view>
				<view class="usehelp-content">
					<ul class="usehelp-list">
						<li>美食图片仅供参考，菜品会因应季节和摆盘做出适当调整</li>
						<li>线上下单电子码是唯一使用凭证，请注意妥善保管</li>
						<li>下单后请在规定时间内凭借电子码到店核销使用，在有效期内前24小时可无条件退款，有效期内不使用则自动作废</li>
						<li>下更多订单详情咨询，可添加本地推荐客服号:XXXX(微信号)</li>
						<li>次活动产品可转赠亲友，不可用作二次销售，违者必将追究其法律责任，且相关产品作废处理</li>
						<li>下单即视为认同本平台声明及规则</li>
					</ul>
					
				</view>
			</view>
			<view class="usehelp problem">
				<view class="usehelp-text problem-text">
					<text>常见问题</text>
				</view>
				<view class="usehelp-line problem-line"></view>
				<view class="usehelp-content problem-content">
					<ul class="usehelp-list problem-list">
						<li>
							<view class="problem-li-content">
								<text>如何取消订单?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
						<li>
							<view class="problem-li-content">
								<text>无法支付订单?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
						<li>
							<view class="problem-li-content">
								<text>获取不到验证码怎么办呐?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
						<li>
							<view class="problem-li-content">
								<text>如何绑定第三方账号或更换手机号?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
						<li>
							<view class="problem-li-content">
								<text>如何投诉?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
						<li>
							<view class="problem-li-content">
								<text>订单优惠使用说明?</text>
								<image src="../../../static/jiantou3.png"></image>
							</view>
						</li>
					</ul>
				</view>
			</view>
		</view> -->
		<view class="null" v-if="rule== 0">
			<text class="iconfont icon-wushuju"></text>
			<text class="cont">亲，暂无相关记录哦</text>
		</view>
	</view>
</template>

<script>
	import utils from '@/common/utils.js';
	export default {
		data() {
			return {
				usehelp: '',
				rule: '',
				windowHeight: ''
			};
		},
		onLoad() {
			uni.getSystemInfo({
				success: (res) => {
					this.windowHeight = res.windowHeight
				}
			})
			this.getData();
		},
		onPullDownRefresh() {
			this.getData();
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1000);
		},
		methods: {
			/*获取数据*/
			getData() {
				let self = this;
				uni.showLoading({
					title: '加载中'
				});
				self._get('plus.article.article/detail', {
						article_id: 10010
					},
					function(res) {
						//console.log(res);
						self.rule = res.data.detail.article_content;
						self.loadding = true;
						uni.hideLoading();
					});
			},
		}
	}
</script>

<style lang="scss">
	@import 'help-center.scss';
</style>
